/*body{
  background-color: #df6963;
}*/

.plugin__countdown{
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

  .plugin__count--header{
    color: #fff;
    font-size: 14px;
    margin: 0;
    line-height: 1.5em;
    font-weight: 600;
  }

  ul{
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
  }

  .plugin__count--item{
    display: inline-block;
    height: 50px;
    color: #fff;
    text-align: center;

    span{
      display: inline-block;
      height: 100%;
      vertical-align: middle;
      box-sizing: border-box;
      line-height: 1em;
      font-weight: 600;
    }

    .plugin__count--number{
      width: 30px;
      background-color: #7c0000;
      font-size: 34px;
      padding: 8px 0;
    }

    .plugin__count--label{
      vertical-align: bottom;
      font-size: 14px;
      padding-top: 36px;
    }
  }

  &.plugin__countdown--red{
    .plugin__count--header,
    .plugin__count--label{
      color: #df6963;
    }

    .plugin__count--number{
      background-color: #df6963;
    }
  }
}
